<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='../../js/popframe.js'></script>
    
   

</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner">
            <h1><img src="../../images/blackcurrent-logo.jpg" alt="Logo" /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch">Today is Wed, 4 Aug 10 - Hi Borden Li, <a href="#">Logout</a></div>
            </div>
            
            
            <div class="navContainer">
                <div id="nav-level-one">
                    <h2>Indiefilm Productions</h2>
                </div><!--Navigation Ends-->
        </div><!--navContainer Ends-->
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
 <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="photo-bookings-list.html" class="current"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="photo-album.html"><span></span><strong>Album Orders</strong></a></li> --><li><a href="photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="photo-accounts-invoice-open.html"><span></span><strong>Accounts</strong></a></li>
    </ul>
      <ul id="nav_second_level">
         <li><a href="photo-bookings-cal.html"><span></span><strong>Calendar</strong></a></li>
        <li><a href="photo-bookings-list.html"><span></span><strong>Appointment List</strong></a></li>
        <li><a href="photo-bookings-open.html" class="current"><span></span><strong>Open Jobs</strong></a></li>
        <li><a href="photo-bookings-closed.html"><span></span><strong>Closed Jobs</strong></a></li>
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        

  <div class="toolbar">
<div class="toolbar-inner">
    <ul class="clients_toolbar">
    <li><a href="photo-bookings-details.html"><span class="icon2 history"></span><span class="text link">Job Details</span></a></li>
    
    <li><a href="photo-bookings-billing.html"><span class="icon cryan"></span><span class="text link">Billing</span></a></li>
    <li><a class="print" href="javascript:window.print();"><span class="icon print"></span><span class="text link">Print</span></a></li>	
    </ul>
</div><!--toolbar-inner Ends-->
</div><!--toolbar Ends-->
<div class="clear"></div>

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
                   
                    
                    <div id="sideBar">
 
         <div class="sideModule">
                         <div>
          <a href="photo-job-form.html"><img src="../../images/edit_bt.png" class="action-btn" alt="New client"></a>
        </div>
        <div>
            <ul id="shortcuts_menu" class="sidemenu no_icon">
             <li><a href="photo-bookings-billing-form.html">Quote This Job</a></li>
             <li><a href="photo-bookings-timetable-form.html">New Appointment</a></li>
                <li><a href="photo-accounts-invoice-form.html">Add Invoice</a></li>
                <li><a href="photo-accounts-payment-form.html">Receive Payment</a></li>
                <li><a href="photo-bookings-cost-form.html">Record Cost Item</a></li>
                <li><a href="photo-bookings-task-history.html">Task and Cost History (5)</a></li>
                <li><a href="photo-bookings-appointment-history.html">Appointment History (1)</a></li>
                            
            </ul>
        </div>
                      </div><!--sideModule-->      
      <div class="sideModule">
      <h4>Client Details</h4>
     <h5>Maya Lyon</h5>
        <p>9 Ernest Rd, Hamilton West, Hamilton 4300 New Zealand<br />
        Phone: 07 4897145<br />
        Mobile: 021 443 054<br />
        Email: ctimpany@cs.waikato.ac.nz      </p>
</div> 
      <!--sideModule-->
      	
 
 
                    </div> <!--sidebar-->
                    
                    <div class="contentLayout">

                     <div class="contentList">   
                        <div class="fullContent">
                        <div class="padding">     
                            <div class="jobTitle">Maya and Sam's Wedding</div>  
                            
                          <div class="jobInfoSmall">Job No: BLP001003 | Client: <a href="photo-client-details.html">Maya Lyons </a> | Total Price:$1,500 (Paid $400) | Balance Due: $1,100</div>
                           <div class="jobInfoSmall">Wedding Date: 18/12/2010</div>
                          <!--contentList Ends-->
             
                     <div class="jobInfo"><p></p></div>
     						 						<div class="jobStatus">
                                <div class="leftCol">
                                  <div class="inner NewEnquiry">New Job TBC</div></div> 
                            <div class="midColOne">
                              <div class="inner">Tasks: 17 <s>(113)</s></div></div>
                              <div class="midColTwo">
                               <div class="inner">Hrs: 1116.50</div></div>
                             <div class="midColThree">
                               <div class="inner">Bookings: 2 <s>(3)</s></div></div>    
                            <div class="rightCol">
                                  <div class="inner"> Deadline: TBC</div></div>
                          </div><!--jobStatus Ends-->
                        </div> <!--padding Ends-->         
					  </div> <!--rightContent Ends-->    
                    </div><!--contentList Ends-->
         <div class="contentBox">
        <table class="formTable">
          <tr class="firstLine">
            <td width="156"><label>Bride's Name:</label></td>
            <td width="160">Maya Lyons</td>
            <td width="157"><label>Groom's Name:</label></td>
            <td width="207">Sam White</td>
          </tr>
          <tr>
            <td><label>Groomsmen:</label></td>
            <td>3</td>
            <td><label>Bridesmaides</label></td>
            <td>3</td>
          </tr>
          
          
          <tr>
            <td><label>Guests Number:</label></td>
            <td>120</td>
            <td><label>Referral:</label></td>
            <td>Google / Internet Search</td>
          </tr>
          
          <tr>
            <td><label>Notes:</label></td>
            <td colspan="3">Location scout is needed</td>
            </tr>
          </table>       
     </div><!--content-->
    
     <div class="contentList todayBG">                
                        <div class="leftContent">
                        <div class="padding">
                                <div class="icalBox-Outer-Small">
                                	<div class="icalBox-Inner-Left">
                                    	<div class="top">Dec 2010</div>
                                        <div class="bottom">4</div>
                                    </div><!--ical Inner Left Ends--> 
                                    <div class="icalBox-Inner-Right">
                                    	<div class="top">WED</div>
                                        <div class="bottom">10:00</div>
                                    </div><!--ical Inner Right Ends--> 
                                </div><!--icalBox Outer Ends-->                                       
                        </div><!--padding Ends-->  
                      </div><!--leftContent Ends-->       
                        <div class="rightContent">
                        <div class="padding">     
                            <div class="jobTitle"><a href="photo-bookings-timetable.html">Maya and Sam's Engagement Portrait</a></div>  
                            <div class="jobInfo">Heather Lea Orchard, Tauranga</div>
                            <div class="jobInfoSmall">Job No: BLP001003 | Client: <a href="photo-client-details.html">Maya Lyons</a> | Hours Required: 7 |<strong> Booking Due today</strong> <br />
                          Assigned To: Borden, Murdoch, Buddy</div>
                        </div> <!--padding Ends-->         
						</div> <!--rightContent Ends-->    
                    </div><!--contentList Ends-->
                   
          <div class="contentList">                
                        <div class="leftContent">
                        <div class="padding">
                                <div class="icalBox-Outer-Small">
                                	<div class="icalBox-Inner-Left">
                                    	<div class="top">Dec 2010</div>
                                        <div class="bottom">18</div>
                                    </div><!--ical Inner Left Ends--> 
                                    <div class="icalBox-Inner-Right">
                                    	<div class="top">Sat</div>
                                        <div class="bottom">12:00</div>
                                    </div><!--ical Inner Right Ends--> 
                                </div><!--icalBox Outer Ends-->                                       
                        </div><!--padding Ends-->  
                      </div><!--leftContent Ends-->       
                        <div class="rightContent">
                        <div class="padding">     
                            <div class="jobTitle"><a href="photo-bookings-details.html">Maya and Sam's Wedding</a></div>  
                            <div class="jobInfo">Heather Lea Orchard, Tauranga</div>
                            <div class="jobInfoSmall">Job No: BLP001003 | Client: <a href="photo-client-details.html">Maya Lyons</a> | Hours Required: 7 | Booking Due in 25 days<br />
                          Assigned To: Borden, James</div>
                        </div> <!--padding Ends-->         
						</div> <!--rightContent Ends-->    
                    </div><!--contentList Ends-->
                    
 
     
  <h3>Tasks</h3>   
  <div class="contentBox">
  <div class="inner">
  
  <div class="form-toolbar"><a href="photo-bookings-details.html"><span class="icon add"></span><span class="text link"> Add New Task</span></a></div>
<table width="100%" class="taskTable">
  
  <tr class="headerRow">
          <td>Task Name </td>
          <td>Type</td>
          <td>Staff</td>
          <td>Due</td>
          <td>Hours</td>
          <td>&nbsp;</td>
        </tr>
        
         <tr>
          <td width="357">Meeting with Mauya about location scout</td>
          <td width="40">CUS</td>
          <td width="81">Borden</td>
          <td width="94">25 Nov 12.30</td>
          <td width="48"><input type="text" name="textfield5" id="textfield5" size="4" /></td>
          <td width="30"><a href="#"><img src="../../images/tick.png" alt="Done" /></a></td>
        </tr>
        
        <tr class="alt">
          <td>Quote for extra album</td>
          <td>BIL</td>
          <td>Borden</td>
          <td class="warningNotice">Today 4pm</td>
          <td><input type="text" name="textfield" id="textfield" size="4" /></td>
          <td><a href="#"><img src="../../images/tick.png" alt="Done" /></a></td>
        </tr>
        <tr>
          <td>Create day schedule</td>
          <td>PLN</td>
          <td>Borden</td>
          <td>-</td>
          <td><input type="text" name="textfield2" id="textfield2" size="4" /></td>
          <td><a href="#"><img src="../../images/tick.png" alt="Done" /></a></td>
        </tr>
       
        
        <tr class="alt">
          <td>Album Design</td>
          <td>PRO</td>
          <td>Claire</td>
          <td>27 Dec 11.30</td>
          <td>&nbsp;</td>
          <td><a href="#"><img src="../../images/tick.png" alt="Done" /></a></td>
        </tr>
    </table>
  </div>
  </div>   
     
   
     
     
      <h3>Job Log</h3>   
     <div class="contentBox">
     <div class="inner-content">
     <div class="form-toolbar"><a href="photo-bookings-details.html"><span class="icon add"></span><span class="text link"> Add New Log Entry</span></a></div>
     <table width="100%" class="noteTable">
                  <tr>
                    <td width="146"><label>Borden:<br />
                    24 Jul 2010 at 15:30</label></td>
                    <td colspan="3">Meet with the client on 4th Aug 2010. Seem to be very happy.</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td width="222"><a href="#">Save</a> | <a href="#">Remove</a></td>
                    <td width="137">&nbsp;</td>
                    <td width="173">&nbsp;</td>
                  </tr>
          </table>
          </div><!--inner-content-->
          </div><!--content-->
                    
                          
                    </div><!--content Layout Ends-->
                                
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>Website Designed by Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
        
   
            
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->

     



</body>
</html>
